<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>getElementsByTagName获取某类标签元素</title>
</head>
<body>
<ul>
  <li>知否知否，应是绿肥红瘦1</li>
  <li>知否知否，应是绿肥红瘦2</li>
  <li>知否知否，应是绿肥红瘦3</li>
  <li>知否知否，应是绿肥红瘦4</li>
  <li>知否知否，应是绿肥红瘦5</li>
</ul>
<ol id="ol">
  <li>生僻字</li>
  <li>生僻字</li>
  <li>生僻字</li>
  <li>生僻字</li>
  <li>生僻字</li>
</ol>
<script>
  // 1. 返回的是 获取过来元素对象得集合 以伪数组的形式存储的
  var lis = document.getElementsByTagName('li')
  console.log(lis)
  console.log(lis[0])
  // 2. 我们想要依次打印里面的元素，可以采取遍历的方法
  // 得到元素对象是动态的
  for (var i = 0; i < lis.length; i++) {
    console.log(lis[i])
  }
  // 3. 如果页面中只有一个li  返回的还是伪数组的形式
  // 4. 如果页面中没有这个元素返回的是空的伪数组的形式

  var ot = document.getElementById('ol')
  console.log(ot.getElementsByTagName('li'))
</script>

</body>
</html>